/*
 * @author Isis (igraziatto) Graziatto <isis.g@vanillaforums.com>
 * @copyright 2009-2018 Vanilla Forums Inc.
 * @license GPL-2.0-only
 */

/* -------------------------------------------------------------- *\
    Global Overwrites
\* -------------------------------------------------------------- */

$global-color_black: #000;
$global-color_white: #fff;
$global-color_transparent: transparent;

$global-color_classic: #008cba;
$global-color_coal: #333;
$global-color_steel: #969fa8;
$global-color_grey: #e8e8e8;
$global-color_whitesmoke: #fafafa;

/* -------------------------------------------------------------- *\
    Global Overwrites
\* -------------------------------------------------------------- */

$global-color_primary: $global-color_classic !default;
$global-color_primaryAlt: darken($global-color_primary, 6%) !default;
$global-color_secondary: $global-color_steel !default;

$global-color_bg: $global-color_white !default;
$global-color_fg: $global-color_coal !default; // text color | should have high contrast between $global-color_bg

$global-border_color: mix(
    $global-color_fg,
    $global-color_bg,
    24%
) !default; // Note it's off by default due to the border width
$global-border-width: 1px;
$global-border-style: solid;
$global_borderRadius: 3px !default;

$global-body_bg: $global-color_bg !default;

$link-default_color: $global-color_primary !default;
$link-default-hover_color: $global-color_primaryAlt !default;
$link-default_visited_color: $global-color_primary !default;

$theme-link-hover_textDecoration: underline !default;

$theme-border_color: mix($global-color_fg, $global-color_bg, 24%) !default;
$theme-hover_color: mix($global-color_fg, $global-color_bg, 6%) !default;

/* -------------------------------------------------------------- *\
    Buttons Colors
\* -------------------------------------------------------------- */

$button-basic_fg: $global-color_steel !default;
$button-basic_bg: transparent !default;
$button-basic_border: $global-color_steel !default;

$button-basic-hover_fg: $global-color_primary !default;
$button-basic-hover_bg: transparent !default;
$button-basic-hover_border: $global-color_primary !default;

$button-primary_fg: $global-color_white !default;
$button-primary_bg: $global-color_primary !default;
$button-primary_border: $global-color_primary !default;

$button-primary-hover_fg: $global-color_white !default;
$button-primary-hover_bg: $global-color_primaryAlt !default;
$button-primary-hover_border: $global-color_primaryAlt !default;

/* -------------------------------------------------------------- *\
    Header
\* -------------------------------------------------------------- */

$header_bg: $global-color_coal !default;
$header_fg: $global-color_white !default;
$header-link_color: $global-color_white !default;
$header-link-hover_color: $global-color_white !default;
$header_border: 0 !default;
$header_boxShadow: none !default;

$headerButton_bg: transparent !default;
$headerButton_fg: $header-link_color !default;
$headerButton_borderColor: $header-link_color !default;

$headerButton-hover_bg: mix($header-link_color, $header_bg, 12%) !default;
$headerButton-hover_fg: $header-link_color !default;
$headerButton-hover_borderColor: $header-link_color !default;

$headerMebutton_bg: transparent !default;
$headerMebutton_fg: $header-link_color !default;
$headerMebutton-hover_fg: $header-link_color !default;
$headerMebutton-hover_bg: mix($global-color_white, $header_bg, 12%) !default;
$headerMebutton-active_bg: mix($headerMebutton_fg, $header_bg, 12%) !default;

$headerMeBoxAlert_bg: $global-color_primary !default;
$headerMeBoxAlert_borderColor: $global-color_primary !default;

/* -------------------------------------------------------------- *\
    Navigation
\* -------------------------------------------------------------- */

$navigation_borderRadius: 0 !default;
$navigation_bg: $header_bg !default;
$navigation_fg: $global-color_white !default;
$navigation_border: mix($global-color_white, $header_bg, 8%) !default;

/* -------------------------------------------------------------- *\
    Mebox
\* -------------------------------------------------------------- */

$meboxCount_bg: $global-color_primary !default;
$meboxCount_fg: $global-color_white !default;
$meboxCount_borderColor: $global-color_primary !default;

$MobileMeBox_bg: mix($global-color_black, $header_bg, 10%) !default;

$MobileMeBoxAlert_bg: $global-color_primary !default;
$MobileMeBoxAlert_borderColor: $global-color_primary !default;

/* -------------------------------------------------------------- *\
    Panel
\* -------------------------------------------------------------- */

$panel-item-showIcons: false !default;
$panel-item_spacing: 0 !default;
$panel-item_borderRadius: 0 !default;
$panel-item_border: 1px solid $theme-border_color !default;

$panel-item_bg: transparent !default;
$panel-item_fg: $global-color_fg !default;
$panel-item_border: none !default;

$panel-item-hover_bg: $theme-hover_color !default;
$panel-item-hover_fg: $panel-item_fg !default;

/* -------------------------------------------------------------- *\
    Tags
\* -------------------------------------------------------------- */

$tag_bg: $button-basic_bg !default;
$tag_fg: $button-basic_fg !default;
$tag_borderColor: $button-basic_border !default;
$tag-hover_bg: $button-basic-hover_bg !default;
$tag-hover_fg: $global-color_primary !default;
$tag-hover_borderColor: $global-color_primary !default;

/* -------------------------------------------------------------- *\
    Components
\* -------------------------------------------------------------- */

$component_lateralBorder: true !default;
$component_borderRadius: $global_borderRadius !default;
